<template>
	<Layout style="height:100%;">
		<Sider hide-trigger style="background:#fff;height:100%;">
			<Menu :active-name="menuName" theme="light" width="auto" @on-select="navTo">
				<MenuItem name="workflow_deployment">流程部署</MenuItem>
				<MenuItem name="workflow_definition">流程定义</MenuItem>
				<MenuItem name="workflow_tasklist">任务列表</MenuItem>
				<MenuItem name="workflow_bpmn">流程设计</MenuItem>
			</Menu>
		</Sider>
		<Content style="overflow: hidden;">
			<router-view></router-view>
		</Content>
	</Layout>
</template>

<script language="JavaScript">
export default {
	components: {},
	data() {
		return {};
	},
	computed: {
		menuName: function() {
			return this.$route.name || '';
		}
	},
	watch: {},
	created: function() {},
	mounted: function() {},
	methods: {
		navTo: function(name) {
			this.$router.push({ name: name });
		}
	}
};
</script>

<style lang="scss" scoped="scoped"></style>
